<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>作业2小米su7</title>
		<style>
		div.product_card{
			width:250px;
			height: 450px;
			border:1px solid #b1b1b1;
			border-radius: 6px;
			background:url(./img/车.jpg);
			background-repeat: no-repeat;
			background-size: 250px 300px;
			padding:10px 10px 15px 21px;
			background-position: 15px 14px;
		}
		.product_card h3{
			
			margin:319px 71px;
		}
		.product_card p{
			position: absolute;
			left: 82px;
			top: 359px;
			font-size:23px;
			font-weight:900;
			color: red;
		}
		.product_card span{
			position: absolute;
			left: 97px;
			top: 432px;
			font-size:10px;
			word-spacing:5px;
			font-weight:700px;
			color: #b1b1b1;
		}
		.product_card a{
			text-decoration:none;
			color: #b1b1b1;
		}

		
		</style>
	</head>
	<body>
		<div class="product_card">
			<h3>小米SU7</h3>
			<p class="price">$279999.00</p>
			<span>
				<a href="https://lenovo.ilive.cn/?f=stee">已有 10万+ 人评价</a>
			</span>
		</div>
	</body>
</html>